<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        
        <ui:define name="title">
            Trâmite - #{ managerCriarTramite.tramite.id == null ? 'Cadastrar' : 'Editar' }
        </ui:define>        
        
        <ui:define name="content">
            <h:form id="criarTramiteForm">

                <p:messages id="criarTramiteMessages" autoUpdate="true" />

                <p:fieldset legend="Protocolo" id="protocoloFieldset">

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Código do Protocolo" for="codigoProtocoloInputText" />
                        </div>
                        <div class="column8">
                            <p:inputText id="codigoProtocoloInputText" value="#{ managerCriarTramite.protocolo.id }"
                                required="true" requiredMessage="Código do Protocolo é obrigatório"
                                onblur="pesquisarProtocol()" />
                        </div>
                        
                        <p:remoteCommand name="pesquisarProtocol" update="dadosProtocoloFieldset" process="protocoloFieldset"
                            actionListener="#{ managerCriarTramite.pesquisarProtocolo() }" />

                    </div>

                </p:fieldset>
                
                
                <p:fieldset legend="Dados do Protocolo" id="dadosProtocoloFieldset" style="#{ managerCriarTramite.protocolo.id == null ? 'display: none' : '' }">

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Código:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerCriarTramite.protocolo.cliente.id }" />
                        </div>
                        <div class="column2">
                            <p:outputLabel value="Data:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerCriarTramite.protocolo.dataCadastro }">
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </p:outputLabel>
                        </div>                        
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Interessado:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerCriarTramite.protocolo.cliente.nome }" />
                        </div>
                        <div class="column2">
                            <p:outputLabel value="#{ managerCriarTramite.protocolo.cliente.tipoPessoa eq 'FISICA' ? 'CPF:' : 'CNPJ:' }" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerCriarTramite.protocolo.cliente.tipoPessoa eq 'FISICA' ? managerCriarTramite.adicionarMascaraCPF(managerCriarTramite.protocolo.cliente.cpf) : managerCriarTramite.adicionarMascaraCNPJ(managerCriarTramite.protocolo.cliente.cnpj) }" />
                        </div>                        
                    </div>

                </p:fieldset>
                
                <p:fieldset legend="Unidade Remetente" id="remetenteFieldset">
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Nome" for="remetenteAutoComplete" />
                        </div>
                        <div class="column3">
                            <p:autoComplete id="remetenteAutoComplete" value="#{ managerCriarTramite.tramite.usuarioRemetente }"
                                forceSelection="true" dropdown="true" var="remetente" itemValue="#{ remetente }" 
                                itemLabel="#{ remetente.nome }" completeMethod="#{ managerCriarTramite.autocompletarUsuario }"
                                converter="conversorusuario" minQueryLength="3" required="true" requiredMessage="Remetente é obrigatório" />
                        </div>
                        <div class="column2">
                            <p:outputLabel value="Seção" for="secaoRemetenteAutoComplete" />
                        </div>
                        <div class="column3">
                            <p:autoComplete id="secaoRemetenteAutoComplete" value="#{ managerCriarTramite.tramite.remetente }"
                                forceSelection="true" dropdown="true" var="remetente" itemValue="#{ remetente }" 
                                itemLabel="#{ remetente.nome }" completeMethod="#{ managerCriarTramite.autocompletarSecao }"
                                converter="conversorsecao" minQueryLength="3" required="true" requiredMessage="Seção Remetente é obrigatório" />
                        </div>
                    </div>
                </p:fieldset>

                <p:fieldset legend="Unidade de Destino" id="destinoFieldset">
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Nome" for="destinoAutoComplete" />
                        </div>
                        <div class="column3">
                            <p:autoComplete id="destinoAutoComplete" value="#{ managerCriarTramite.tramite.usuarioDestino }"
                                forceSelection="true" dropdown="true" var="destino" itemValue="#{ destino }" 
                                itemLabel="#{ destino.nome }" completeMethod="#{ managerCriarTramite.autocompletarUsuario }"
                                converter="conversorusuario" minQueryLength="3" required="true" requiredMessage="Destino é obrigatório" />
                        </div>
                        <div class="column2">
                            <p:outputLabel value="Seção" for="secaoDestinoAutoComplete" />
                        </div>
                        <div class="column3">
                            <p:autoComplete id="secaoDestinoAutoComplete" value="#{ managerCriarTramite.tramite.destino }"
                                forceSelection="true" dropdown="true" var="destino" itemValue="#{ destino }" 
                                itemLabel="#{ destino.nome }" completeMethod="#{ managerCriarTramite.autocompletarSecao }"
                                converter="conversorsecao" minQueryLength="3" required="true" requiredMessage="Seção Destino é obrigatório" />
                        </div>
                    </div>
                </p:fieldset>
                
                <p:fieldset legend="Dados" id="dadosFieldset">
                    
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Situação" for="situacaoSelectOneMenu" />
                        </div>
                        <div class="column3">
                            <p:selectOneMenu id="situacaoSelectOneMenu" value="#{ managerCriarTramite.tramite.situacao }"
                                    required="true" requiredMessage="Situação é obrigatório">
                                <f:selectItems value="#{ enums.situacoesTramite() }" />
                            </p:selectOneMenu>
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Prazo de conclusão" for="prazoConclusaoCalendar" />
                        </div>
                        <div class="column3">
                            <p:calendar id="prazoConclusaoCalendar" value="#{ managerCriarTramite.tramite.prazoConclusao }"
                                showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" />
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Assunto" for="assuntoInputText" />
                        </div>
                        <div class="column8">
                            <p:inputText id="assuntoInputText" value="#{ managerCriarTramite.tramite.assunto }" />
                        </div>
                    </div>
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Despacho" for="despachoInputTextarea" />
                        </div>
                        <div class="column8">
                            <p:inputTextarea id="despachoInputTextarea" value="#{ managerCriarTramite.tramite.despacho }" />
                        </div>                        
                    </div>

                </p:fieldset>
                
                <div class="command">
                    <p:commandButton actionListener="#{  managerCriarTramite.salvar()  }" value="Salvar"
                        styleClass="ui-priority-primary" onsuccess="goY(0);"  update="@form" oncomplete="widthFix();"
                        icon="ui-icon-disk" />
                    <p:button value="Cancelar" icon="ui-icon-cancel" href="pesquisarTramite.xhtml" />
                </div>
                
            </h:form>

        </ui:define>
    </ui:composition>
    
</html>